<template>
  <div class="index-wraper">
    <div class="img-self" />
  </div>
</template>

<style lang="less" scoped>
.index-wraper {
  height: 100%;
  overflow: hidden;
  // min-width: 1690px;
  .img-self {
    height: 100%;
    // background: url("../../assets/image/index-bg.png") no-repeat;
    // background-size: cover;
    // background-position: center;
    position: relative;
    overflow: hidden;
    .form-wraper {
      position: absolute;
      top: 47%;
      left: 150px;
      width: 400px;
      height: 240px;
      :deep(.el-form-item__label){
        padding: 0px 15px;
        padding-right: 10px;
      }
      .form-title {
        height: 46px;
        background: #f4f7fd;
        border-radius: 8px;
        display: flex;
        align-items: center;
        :deep(.el-form-item__label) {
          font-size: 16px;
          font-weight: 700;
          color: #555555;
        }
        .icon-baocun{
          cursor: pointer;
          color: #0085fd;
          font-size: 18px;
        }
        .el-icon-delete{
          cursor: pointer;
          color: #ff5967;
          font-size: 18px;
        }

        :deep(.el-form-item__content){
          flex: 1;
        }
        .icon-box{
          display: flex;
          align-items: center;
          justify-content: flex-end
        }
      }
      .form-item{
        :deep(.el-form-item__label) {
          font-size: 14px;
          font-weight: 700;
          color: #777777;
        }
      }
      .form-content{
        display: flex;
        flex-direction: column;
        .form-month{
          display: flex;
          align-items: center;
          .s-item{
            width: 75px;
            &:first-child{
              margin: 0px 10px;
            }
          }
        }
      }
    }
  }
}
</style>
